<template>
	<view class="main">
		<image class="img" :src="indexImg"></image>
<!-- http://www.butterfly-china.com/ueditor/net/upload/image/20220719/6379382846416916619520999.jpg -->
<!-- http://www.butterfly-china.com/upload/202207-m/bUHzcEBlks.jpg -->
<!-- http://www.butterfly-china.com/upload/202207-m/CNkKAKE0si.jpg -->
		<view class="header">
			<view class="title">
				{{title}}--{{address}}
			</view>
			<view class="contxt">
				<van-tag plain size="large" type="primary">{{SbusinessHours}}</van-tag>
			</view>

			<Contact></Contact>
			<HR newHeight=3>
			</HR>
		</view>

		<view class="bodyMain">
			<Tool></Tool>
		</view>

		<view class="bodyMain_footer">
			<van-cell title="教练墙" is-link />
			<ScrollV></ScrollV>
		</view>
		<view class="footer">
			<h5> 由NIJIAHCENG提供技术服务</h5>
		</view>
	</view>
</template>

<script>
	import ScrollV from "../../components/Scroll-view.vue"
	import ToMap from "../../components/ToMap.vue"
	import Contact from "../../components/Contact.vue"
	import HR from "../../components/UserHr.vue"
	import Tool from "../../components/Tool.vue"
	export default {
		components: {
			ScrollV,
			ToMap,
			Contact,
			HR,
			Tool
		},
		data() {
			return {
				title: "乒乓",
				address: "滨江分管",
				businessHours: "营业时间",
				Morningtime: "9:00",
				Eveningtime: "21:00",
			}
		},
		methods: {

		},
		computed: {
			SbusinessHours() {
				return this.businessHours + '：早上' + this.Morningtime + '-晚上' + this.Eveningtime
			},
			indexImg(){
				return `http://www.butterfly-china.com/upload/202207-m/CNkKAKE0si.jpg`
			}
		},
		// async onShow() {
		// 	const {
		// 		data: res
		// 	} = await uni.$http.get('/comic/all')
		// 	console.log('查看请求的结果=>>', res.msg);
		// 	console.log("ok")
		// },
		// async onLoad() {
		// 	const {
		// 		data: res
		// 	} = await uni.$http.get('/api/user/searchBook')
		// 	console.log('查看请求的结果=>>', res);
		// },
	}
</script>

<style lang="scss" scoped>
	.footer {
		height: 50px;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;

	}

	.main {
		padding: 0;
		margin: 0;
		display: flex;
		flex-direction: column;

		.img {
			width: 100%;
			height: 350rpx;
		}
	}

	.header {
		width: 100%;
		padding: 10rpx;

		.title,
		.contxt {
			margin: 10rpx 0rpx;
		}

		.title {
			font-size: 48rpx;
		}
	}
</style>
